<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="apple-touch-icon" sizes="114x114" href="static/images/icontwo.png">
<link rel="apple-touch-startup-image" href="static/images/startup.png" />
<title>友邦-生日专区</title>
<link href="static/css/style.css" rel="stylesheet" type="text/css">
<link href="static/css/buttons.css" rel="stylesheet" type="text/css">
<link href="static/css/type.css" rel="stylesheet" type="text/css">
<link href="static/css/add2home.css" rel="stylesheet" type="text/css">
<link href="static/css/flexslider.css" rel="stylesheet" type="text/css">
<link href="static/css/photoswipe.css" rel="stylesheet" type="text/css">

<!-- Do not move the bellow script to custom.js! It must stay here to load properly! -->
<script type="text/javascript">
	function loadImages() {
		if (document.getElementById) {  // DOM3 = IE5, NS6
			document.getElementById('hidepage').style.visibility = 'hidden';
		}else {
		if (document.layers) {  // Netscape 4
			document.hidepage.visibility = 'hidden';
		}else {  // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		  }
	   }
	}
</script>
<script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript" src="static/js/jquery.flexslider-min.js"/></script>
<script type="text/javascript" src="static/js/custom.js"></script>
<script type="text/javascript" src="static/js/tohours.min.js"></script>
<script type="text/javascript" src="static/js/login_pre.js"></script>
<script src="static/js/MetroJs.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/MetroJs.css">
</head>

<body OnLoad="loadImages()">
<!--<p class="no-mobile">友邦生日专区-请从您的移动访问！<br/>
  这个网站是专门为手机定制的！! </p>
--><div class="site" style="margin:0px;padding:0px;">
  <div id="hidepage">
    <p class="center-text">友邦生日专区，正在为你加载中。。。<br/>
      <img src="static/images/background/130.gif" alt="load"></p>
  </div>
  <div class="header" class="height:100%;overflow:hidden;"> 
  
  <div class="left" style="width:49%; height:100%;">
  <img src="static/images/top_left_rad.jpg" width="100%" class="left" alt="img"> 
  </div>
  
  <div class="right flexslider" style="width:49%; height:100%;float:right;">
	
    <ul class="slides">
        <li> <img src="static/images/g1.jpg" width="100%" alt="img"></li>
        <li> <img src="static/images/g2.jpg" width="100%" alt="img"> </li>
        <li> <img src="static/images/g3.jpg" width="100%" alt="img"> </li>
      </ul>

  </div>
  <div class="clear"></div>
   </div>
  <div class="clear"></div>
  <div class="Separine"></div>
  <div class="home">
    <div class="flexslider" style="background-color:#2b366b;">
      <ul class="slides">
        <li> <img src="static/images/slider/1.jpg" /> </li>
        <li> <img src="static/images/slider/2.jpg" /> </li>
        <li> <img src="static/images/slider/3.jpg" /> </li>
      </ul>
    </div>
    <div class="Separine"></div>
    <div class="contact" style="display:block">
      <div class="full-width"></div>
      <div class="fieldsetCustomDiv">
        <div class="xboxcontents">
            <fieldset class="fieldsetCustom">
              <input type="text" name="idOrSplit" id="idOrSplit" size="30" value="" class="text-input" placeholder="请输入您的证件号"/>
            </fieldset>
        </div>
    	<div class="SeparineNoColor"></div>
        <p><img src="static/images/submit_phone.jpg" width="100%" border="0" style="cursor:pointer" id="btnLogin"></p>
     	<div class="SeparineNoColor"></div>
     </div>
    </div>
  </div>

</body>
</html>